import * as React  from 'react';
import {View,StyleSheet} from 'react-native';
import Icon from 'react-native-vector-icons/Entypo';
import {dp} from '@/utils/index'
import { useNavigation } from '@react-navigation/native';
function HeaderLeftBtn() {
  const navigation = useNavigation()
  const back = ()=>{
    navigation.goBack()
  }
  return (
    <View style={styles.btn}>
       <Icon onPress={()=> back()} name="chevron-left" size={dp(20)} color="#eee"></Icon>
    </View>
  );
}

const styles = StyleSheet.create({
  btn: {
    height:'100%',
    alignItems:'center',
    flexDirection:'row',
    _right:{
      marginRight:dp(10),
    }
  },
  
});
export default HeaderLeftBtn;